<div class="widget widget-2 widget-tabs widget-tabs-2 tabs-right border-bottom-none">
	<div class="widget-head">
		<ul>
			<li class="active"><a class="glyphicons settings" href="#account-settings" data-toggle="tab"><i></i>Account instellingen</a></li>
			<li><a class="glyphicons user" href="#account-details" data-toggle="tab"><i></i>Account eigenschappen</a></li>
		</ul>
	</div>
</div>

<div class="innerLR">
	
	<?php echo form_open('admin/user_settings/save', array('class' => 'form-horizontal')); ?>
	<div class="tab-content" style="padding: 0;">
		<div class="tab-pane" id="account-details">
		
			<div class="widget widget-2">
				<div class="widget-head">
					<h4 class="heading glyphicons edit"><i></i>Persoonlijke details</h4>
				</div>
				<div class="widget-body" style="padding-bottom: 0;">
					<div class="row-fluid">
						<div class="span6">
							<div class="control-group">
								<label class="control-label">Voornaam</label>
								<div class="controls">
									<input type="text" value="" class="span10" />
									<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="Voornaam is verplicht"><i></i></span>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label">Achternaam</label>
								<div class="controls">
									<input type="text" value="" class="span10" />
									<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="Achternaam is verplicht"><i></i></span>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label">Geboortedatum</label>
								<div class="controls">
									<div class="input-append">
										<input type="text" id="datepicker" class="span12" value="" />
										<span class="add-on glyphicons calendar"><i></i></span>
									</div>
								</div>
							</div>
						</div>
						<div class="span6">
							<div class="control-group">
								<label class="control-label">Geslacht</label>
								<div class="controls">
									<select class="span12">
										<option>Man</option>
										<option>Vrouw</option>
									</select>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label">Leeftijd</label>
								<div class="controls">
									<input type="text" value="" class="input-mini" />
								</div>
							</div>
						</div>
					</div>
					<hr class="separator bottom" />
					<div class="control-group row-fluid">
						<label class="control-label">Over mij</label>
						<div class="controls">
							<textarea id="mustHaveId" class="wysihtml5 span12" rows="5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</textarea>
						</div>
					</div>
					<div class="form-actions" style="margin: 0;">
						<button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Wijzigingen opslaan</button>
						<button type="button" class="btn btn-icon btn-default glyphicons circle_remove"><i></i>Annuleren</button>
					</div>
				</div>
			</div>
		</div>
		<div class="tab-pane active" id="account-settings">
			<div class="widget widget-2">
				<div class="widget-head">
					<h4 class="heading glyphicons settings"><i></i>Account instellingen</h4>
				</div>
				<div class="widget-body" style="padding-bottom: 0;">
					<div class="row-fluid">
						<div class="span3">
							<strong>Verander wachtwoord</strong>
							<p class="muted">Geef eerst je huidige wachtwoord op, daarna je nieuwe wachtwoord en de herhaling.</p>
						</div>
						<div class="span9">
							<label for="inputUsername">Gebruikersnaam</label>
							<input type="text" id="inputUsername" class="span10" value="<?php echo $this->session->userdata['username']; ?>" disabled="disabled" />
							<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="Username can't be changed"><i></i></span>
							<div class="separator"></div>
									
							<label for="inputPasswordOld">Oud wachtwoord</label>
							<input type="password" id="inputPasswordOld" class="span10" value="" placeholder="Laat leeg als je je wachtwoord niet wil veranderen" />
							<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="Leave empty if you don't wish to change the password"><i></i></span>
							<div class="separator"></div>
							
							<label for="inputPasswordNew">Nieuw wachtwoord</label>
							<input type="password" id="inputPasswordNew" class="span12" value="" placeholder="Laat leeg als je je wachtwoord niet wil veranderen" />
							<div class="separator"></div>
							
							<label for="inputPasswordNew2">Herhaal nieuw wachtwoord</label>
							<input type="password" id="inputPasswordNew2" class="span12" value="" placeholder="Laat leeg als je je wachtwoord niet wil veranderen" />
							<div class="separator"></div>
						</div>
					</div>
					<hr class="separator bottom" />
					<div class="row-fluid">
						<div class="span3">
							<strong>Contact instellingen</strong>
							<p class="muted"></p>
						</div>
						<div class="span9">
							<div class="row-fluid">
								<div class="span6">
									<label for="inputPhone">Telefoon</label>
									<div class="input-prepend">
										<span class="add-on glyphicons phone"><i></i></span>
										<input type="text" id="inputPhone" name="telephone" class="input-large" placeholder="telefoonnummer" value="<?php echo htmlspecialchars_decode($userdata->telephone); ?>"/>
									</div>
									<div class="separator"></div>
										
									<label for="inputEmail">E-mail</label>
									<div class="input-prepend">
										<span class="add-on glyphicons envelope"><i></i></span>
										<input type="text" id="inputEmail" name="email" class="input-large" placeholder="emailadres" value="<?php echo htmlspecialchars_decode($userdata->email); ?>" />
									</div>
									<div class="separator"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="form-actions" style="margin: 0; padding-right: 0;">
						<button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok pull-right"><i></i>Wijzigingen opslaan</button>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	</form>
	
</div>